<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>貸したいもの登録画面 | ご近所シェアリングサービス</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="(C) MENOX (http://www.menox.co.jp/)">
<!--Require Stylesheet-->
<link rel="stylesheet" href="/tmserver/css/common.css">
<!--Require Javascript-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<%@ include file="/tmserver/parts/headcommon.jsp" %>
</head>
<body onload="loadUserName()">
<div id="wrapper">
<!--**********▽メインここから**********-->
<div id="wrap-top">
<%@ include file="/tmserver/parts/header.jsp" %>
<div id="content">
<h2>貸したいもの登録画面</h2>
<div class="line"></div>
<!--**********▽カラム1ここから**********-->
<div id="column1">
<!--**********▼メインカラムここから**********-->
<div id="column1-inner">
    <%@ include file="/tmserver/gate/contents.jsp" %>
<!--column1-inner--></div>
<!--**********▲メインカラムここまで**********-->
<!--column1--></div>
<!--**********△カラム1ここまで**********-->
<div id="column2">
<p class="stitle">貸したいもの登録</p>
<form method="post" action="registerLend?command=register">
<table class="condition">

  <tr>
    <th class="lend">品物名</th>
    <td class="lendtdwide">
      <input type="text" ${f:text("name")} class="${f:errorClass('name','err')}" />
          <span class="err">${errors.name}</span>
    </td>
  </tr>
  <tr>
    <th class="lend">カテゴリー</th>
    <td class="lendtd">
      <select name="categoryId">
        <c:forEach var="category" items="${cateMap}">
        <option ${f:select("cate", category.key)}>${category.value}</option>
        </c:forEach>
      </select>
    </td>
  </tr>
  <tr>
    <th class="lend">個数</th>
    <td class="lendtd">
      <input type="text" ${f:text("count")} class="${f:errorClass('count','err')}" />
          <span class="err">${errors.count}</span>
    </td>
  </tr>
  <tr>
    <th class="lend">貸出可能開始日</th>
    <td>
      <input id="fromDate" type="text" ${f:text("fromDate")} class="${f:errorClass('fromDate','err')}" />（例：2014/01/01） 
          <span class="err">${errors.fromDate}</span>
      <script type="text/javascript">
        $(function() { $("#fromDate").datepicker(); });
      </script>
    </td>
  </tr>
  <tr>
    <th class="lend">貸出可能終了日</th>
    <td>
      <input id="toDate" type="text" ${f:text("toDate")} class="${f:errorClass('toDate','err')}" />（例：2014/01/01） 
          <span class="err">${errors.toDate}</span>
      <script type="text/javascript">
        $(function() { $("#toDate").datepicker(); });
      </script>
    </td>
  </tr>

  <tr>
    <th class="lend">品物説明</th>
    <td class="lendtdwide">
      <input type="text" ${f:text("comment")} class="${f:errorClass('comment','err')}" />
          <span class="err">${errors.comment}</span>
    </td>
  </tr>
  <tr>
    <td colspan="2" class="btnArea, aligncenter">
     <input type="submit" value="登録する" class="btn" />
    </td>
  </tr>
</table>
</form>
<!--column2--></div>
<!--**********△カラム2ここまで**********-->
<!--content--></div>
<!--wrap-top--></div>
<!--**********△メインここまで**********-->
<%@ include file="/tmserver/parts/footer.jsp" %>
<!--wrapper--></div>
</body>
</html>
